<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:ui="http://java.sun.com/jsf/facelets" 
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j" 
	xmlns:rich="http://richfaces.org/rich" template="/template.xhtml">
	
	<ui:define name="pageContent">
		<h:form styleClass="form" id="form1">
			<ui:include src="/common/message.xhtml"/>		    
			<rich:panel id="panelLogin">
				<table width="45%" align="center" border="0" style="border: 1px solid #999999; margin-top: 130px">
					<tr>
						<td height="20px" colspan="2"><h:outputLabel value=" " /></td>
					</tr>
					<tr>
						<td width="40%" height="45px" class="td-login"><h:outputLabel value="User" /></td>
						<td width="60%">
							<h:inputText styleClass="input-box" id="user" value="#{loginBean.user}" size="20"
								required="true" requiredMessage="User is required." /><br/>
							<rich:message for="user" ajaxRendered="true"/>
						</td>
					</tr>
					<tr>
						<td height="45px" class="td-login"><h:outputLabel value="Password" /></td>
						<td>
							<h:inputSecret styleClass="input-box" id="password" value="#{loginBean.password}" size="20"
								required="true" requiredMessage="Password is required." /><br/>							
							<rich:message for="password" ajaxRendered="true"/>
						</td>
					</tr>
					<tr>
						<td colspan="2" height="60px" align="center">
							<h:commandButton type="submit" value="Submit" styleClass="btn-command" action="#{loginBean.login}" />
							<h:outputLabel value="     " styleClass="outputLabel" />
							<h:commandButton type="reset" value="Reset" styleClass="btn-command" />
						</td>
					</tr>
				</table>
			</rich:panel>
		</h:form>
	</ui:define>
</ui:composition>